//加载
window.onload = function () {
  // 回到顶部
  var Uptop = document.querySelector('.Uptop');
  var animation = bodymovin.loadAnimation({
    wrapper: Uptop,
    animType: 'svg',
    autoplay: false,
    path: "../svg/arrowUpCircle.json"
  });

  Uptop.addEventListener('click', function () {
    // 为搜索元素添加点击事件监听器，控制动画的播放
    animation.playSegments([0, animation.totalFrames], true); // 正放动画
  });

  // 监听动画完成事件，确保动画完成后可以再次点击
  animation.addEventListener('complete', function () {
  });

  
  // 搜索动画
  var searchShopping = document.querySelector('.searchShopping');
  var animation = bodymovin.loadAnimation({
    wrapper: searchShopping,
    animType: 'svg',
    autoplay: false,
    path: "../svg/searchToX.json"
  });
  var isPlayingForward = false; // 用于记录当前播放方向

  searchShopping.addEventListener('click', function () {
    // 为搜索元素添加点击事件监听器，控制动画的播放和倒放
    if (isPlayingForward) {
      animation.playSegments([animation.currentFrame, 0], true); // 如果正在正放，则倒放
    } else {
      animation.playSegments([0, animation.totalFrames], true); // 否则正放
    }
    isPlayingForward = !isPlayingForward; // 切换播放方向
  });

  // 监听动画完成事件，确保动画完成后可以再次点击
  animation.addEventListener('complete', function () {
    // 动画完成后重置播放状态
    // 这里不需要再次切换播放方向，因为点击事件已经处理了
  });
}

